<!DOCTYPE html>
<html>
	<head>
        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
		<meta charset="UTF-8">
		<title></title>
        <link href="css/bootstrap.min.css" rel="stylesheet">
         <link href="css/font-awesome.css" rel="stylesheet">
          <link href="css/base.css" rel="stylesheet">
          <link href="css/style.css" rel="stylesheet">
	</head>
	<body>
        
        <div class="fgfd_poui">
        <nav class="navbar navbar-default wd pr" role="navigation">
  <div class="container-fluid">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand mr100" href="#">
        <img src="img/logo.png" class="fgfd_poi">
        </a>
    </div>

    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
      <ul class="nav navbar-nav ">
        <li class="active"><a href="#">首页</a></li>
        <li><a href="#">php</a></li>
           <li><a href="#">前端</a></li>
      </ul>
    </div><!-- /.navbar-collapse -->
  </div><!-- /.container-fluid -->
            
            <div class="fgf_poiu_x visible-md visible-lg">
                <p class="cf mt5"> <a class="pt10 mr10"  href="#myModal"  data-toggle="modal">登录</a>|<a class="pt10 ml10" href="%E6%B3%A8%E5%86%8C.html">注册</a></p>
               
             <!-- <img src="img/new_poiou_a.jpg" class="user_icon_oi">
                <span class="cf  mr10">独行工匠</span>
                <a class="ls">退出</a>-->
            </div>
</nav>
            
                    <div class="modal fade" id="myModal" >
          <div class="wd ">

                   <div class="form_pioui pd pm20 bgff fdgd_sd pr ">
                       <i class="fa fa-close ls dfgfd_sd" data-dismiss="modal"></i>
                      <form class="form-horizontal pt20" role="form">
                          
                          <div class="form-group ">
                                <label for="inputEmail3" class="col-sm-3 control-label fz18">用户名</label>
                                <div class="col-sm-9 input-group-lg">
                                <input type="email" class="form-control"  placeholder="请输入用户名">
                            </div>
                            
                          </div>
                          
                     
                          <div class="form-group">
                                <label for="inputEmail3" class="col-sm-3 control-label fz18">密码</label>
                                <div class="col-sm-9 input-group-lg">
                                <input type="passowrd" class="form-control"  placeholder="请输入密码">
                            </div>
                              
                            
                          </div>
                          
                               <div class="form-group mt40">
                                <label for="inputEmail3" class="col-sm-3 control-label fz18"></label>
                                <div class="col-sm-9 input-group-lg">
                                   <p class="col-xs-6 pl0">
                                        <button type="button" class="btn btn-primary btn-lg btn-block"  data-dismiss="modal">确认</button>
                                 
                                        </p>
                                      <p class="col-xs-6 pr0">
                                          <a type="button" class="btn btn-default btn-lg btn-block" href="%E6%B3%A8%E5%86%8C.html">注册</a>
                                    </p>
                                          
                                </div>
                          </div>
                       </form>
                   </div>
            </div>
            
        </div>


                   
                   
            </div>

        

        
        
        <div class="wd">
           <div class="fgfd_poiu_left col-md-9">
               <h2 class="bgff pt20 pm20 pl20">
                   拥有<span class="hs">php</span>标签的文章
                 </h2>
               <div class="list_y bgff br pl20 mt10">
                  <h3 class="ls">thinkphp整合系列之phpexcel导入excel数据</h3>
                   <div class="user_liu">
                      <p class="col-xs-4">
                          <i class="fa fa-user mr10"></i> 用户名
                       </p>
                        <p class="col-xs-4">
                          <i class="fa fa-calendar mr10"></i> 2016-08-15 00:10:21
                       </p>
                        <p class="col-xs-4">
                          <i class="fa fa-list-alt mr10"></i> php
                       </p>
                   </div>
                   <p class="qc"></p>
                   <div class="media">
  <a class="media-left hidden-xs" href="#">
    <img src="img/new_poiou_a.jpg"  class="df_poouu">
  </a>
  <div class="media-body pd">
   
                        本来觉得这个查询不用大动干戈的洋洋洒洒写一篇文章的；不过看到不少人在这栽跟头；还是简单总结下吧；文章内容页一般都会有上一篇和下一篇的功能；那么查询上下篇的sql语句应该怎么写呢；示例数据表：bjy_article  自增主键：id当前文章id：10肯定会有童鞋是说，这简单啊id+1和id-1不就OK了；sql无非如下：SELECT * FROM bjy_ar   
     
  </div>
                       <p class="qc tr pm10 pd">
                        <a class="yj4 gfdg_oui">阅读全文</a>
                       </p>
</div>
                   
               </div>
               <div class="list_y bgff br pl20 mt10">
                  <h3 class="ls">thinkphp整合系列之phpexcel导入excel数据</h3>
                   <div class="user_liu">
                      <p class="col-xs-4">
                          <i class="fa fa-user mr10"></i> 用户名
                       </p>
                        <p class="col-xs-4">
                          <i class="fa fa-calendar mr10"></i> 2016-08-15 00:10:21
                       </p>
                        <p class="col-xs-4">
                          <i class="fa fa-list-alt mr10"></i> php
                       </p>
                   </div>
                   <p class="qc"></p>
                   <div class="media">
  <a class="media-left hidden-xs" href="#">
    <img src="img/new_poiou_a.jpg"  class="df_poouu">
  </a>
  <div class="media-body pd">
   
                        本来觉得这个查询不用大动干戈的洋洋洒洒写一篇文章的；不过看到不少人在这栽跟头；还是简单总结下吧；文章内容页一般都会有上一篇和下一篇的功能；那么查询上下篇的sql语句应该怎么写呢；示例数据表：bjy_article  自增主键：id当前文章id：10肯定会有童鞋是说，这简单啊id+1和id-1不就OK了；sql无非如下：SELECT * FROM bjy_ar   
     
  </div>
                       <p class="qc tr pm10 pd">
                        <a class="yj4 gfdg_oui">阅读全文</a>
                       </p>
</div>
                   
               </div>
               
               
               
               <div class="list_y bgff br pl20 mt10   cen">
          
      <ul class="pagination">
        <li><a href="#">«</a></li>
        <li><a href="#">1</a></li>
        <li><a href="#">2</a></li>
        <li><a href="#">3</a></li>
        <li><a href="#">4</a></li>
        <li><a href="#">5</a></li>
        <li><a href="#">»</a></li>
      </ul>
   
               
               </div>
               
            </div>
             <div class="fgfd_poiu_right col-md-3 visible-md visible-lg mt20">
                 <div class="bgff col-md-12 pm20">
                     <h4>热门标签</h4>
                    
                     <a class="cf yj4 df_pouiuy bg_u1">PHP</a>
                      <a class="cf yj4 df_pouiuy bg_u2">angular</a>
                      <a class="cf yj4 df_pouiuy bg_u3">grunt  </a>
                      <a class="cf yj4 df_pouiuy bg_u4">jquery</a>
                       <a class="cf yj4 df_pouiuy bg_u5">bootstrap</a>
                  
                     
                 </div>
                 
                 <div class="bgff col-md-12 pm20 mt10">
                     <h4>置顶推荐</h4>
                    <div class="list-group mt20 dsfsd_sd">
                            <a href="#" class="list-group-item"><i class="fa fa-th-list mr10"></i>微信支付</a>
                         <a href="#" class="list-group-item"><i class="fa fa-th-list mr10"></i>发送邮件</a>
                     </div>
                  
                     
                 </div>
            
            </div>
        </div>
        
        <script src="js/jquery-1.11.3.min.js"></script>
        <script src="js/bootstrap.min.js"></script>
	</body>
</html>
